<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>05_回调函数</title>
</head>
<body>
    <button id="btn">测试点击事件</button>
<!-- 
1、什么函数才是回调函数
    * 你定义的
    * 你没有调用
    * 但它最终执行了(在某个时刻或某个条件下)

2、常见的回调函数
    * dom 事件回调函数
    * 定时器回调函数
    * ajax请求回调函数
    * 声明周期回调函数
-->
<script>
    var oBtn = document.getElementById("btn");
    oBtn.onclick = function() { // dom 事件回调函数
        console.log(this.innerHTML);
    }

    // 定时器
    setTimeout(() => { // 定时器回调函数
        console.log('定时执行');
    }, 1000);
</script>
</body>
</html>